/* PAGE STRUCTURE */
#container { position:relative; width:100%; min-width:760px; padding:0; }
#content { margin:10px 15px; }
#header { width:100%; }
#content-main { float:left; width:100%; }
#content-related { float:right; width:18em; margin-left: 10px; position:relative; margin-right:-19em; border: 1px #ddd solid; }
#footer { clear:both; padding:10px; }

/*  COLUMN TYPES  */
.colMS { margin-right:20em !important; }
.colSM { margin-left:20em !important; }
.colSM #content-related { float:left; margin-right:0; margin-left:-19em; }
.colSM #content-main { float:right; }
.popup .colM { width:95%; }
.subcol { float:left; width:46%; margin-right:15px; }
.dashboard #content { width:500px; }

/*  HEADER  */
#header { background: #222222 url(../img/admin/bg_head.jpg) repeat-x scroll center bottom; color:#bbb; overflow:hidden; }
#header a:link, #header a:visited { color:#0cf; }
#header a:hover { text-decoration:underline; }
#branding h1 { padding:0 26px; font-size:18px; margin:18px 0; font-weight:normal; color:#eee; }
#branding h2 { padding:0 10px; font-size:14px; margin:-8px 0 8px 0; font-weight:normal; color:#ffc; }
#user-tools { position:absolute; top:10px; right:15px; font-size:11px; text-align:right; }
#user-tools li { border-right: 1px solid #999; display:block; float:left; font-size:9px; text-transform: uppercase; letter-spacing: 1px; }
#user-tools li a { margin: 5px; }
#user-tools li.last { border-right: none; }

/*#user-tools li.last a { color: #af0; }*/
#user-tools li.last a { color:red; }

#welcome {position:absolute;right:18px;top:36px}

/* SIDEBAR */
#content-related h3 { font-size:12px; color:#666; margin-bottom:3px; font-weight: normal }
#content-related h4 { font-size:11px; }
#content-related .module h2 { background:#ddd; color:#222; }
